/* a-epicmc01p */
/* Header Text Color */
h1,
h2,
h3,
h4,
.header,
.heading,
.hover a.header:focus,
.hover a.header:hover,
.hover a.heading:focus,
.hover a.heading:hover,
.titlebar,
.sectionheader,
.formsection > legend,
table thead tr {
  color: #a6093d;
}
/* Remove links to provider profiles*/
div.apptProvider > a {
  display: none;
}

div[data-component="quicklinks"],
div[data-component="careteam"] {
	height: auto !important;
}
/* Change Site font to Arial */
html {
  font-family: arial;
}

/* Responsive CSS Changes */
body * {
  max-width: none;
}

body {
  min-width: 100vw !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

body.accessPage > #wrap,
body.isPrelogin > #wrap,
body.loginPage > #wrap,
body.recoveryPage > #wrap,
body.resetPage > #wrap {
  min-width: auto;
  width: auto;
}

body.accessPage #main .title,
body.recoveryPage #main .title,
body.resetPage #main .title {
  height: auto;
}

body.accessPage #main .title h1,
body.recoveryPage #main .title h1,
body.resetPage #main .title h1 {
  white-space: pre-wrap;
}

body[class*="color"] #menu .menuicon::before {
  background-position: center 0;
  background-size: 2.5rem auto;
  margin: 0 0 .75rem;
}

body[class*="color"] #menu .menugroup li a:not(.button):hover {
  background-color: #fff;
  color: #425566;
}

a.button[role="button"]:not(.disabled),
a.button.nextstep:not(.disabled),
a.button.previousstep:not(.disabled),
button:not(.disabled),
input[type="button"]:not(.disabled),
input[type="submit"].button:not(.disabled),
span.buttons > a.button:not(.disabled) {
  background-color: #a6093d !important;
  color: #fff !important;
}

a.button.nextstep.disabled,
a.button.previousstep.disabled,
button.disabled,
input[type="button"].disabled,
input[type="submit"].button.disabled,
.button.disabled,
span.buttons > a.button.disabled {
  background-color: #425563 !important;
  color: #fff !important;
}

button,
input[type="button"],
input[type="submit"].button,
.button {
  border-radius: 500px !important;
}

div[data-component="medications"] {
  height: auto !important;
}

div[data-component="reviewmessages"].container {
  max-width: 90% !important;
}

#viewdocumentwidget div[data-component="viewdocuments"].component {
  height: auto;
}

input,
select,
textarea {
  max-width: 100%;
}

span[id="name=ESIGBEGIN|Patient1|SIGCOLLECT"] > canvas,
span[id="name=ESIGBEGIN|Witness|SIGCOLLECT"] > canvas {
  max-width: 350px;
  width: 100% !important;
}

ul[data-id="list"] > li > a:focus {
  outline: none;
}

/* Elements by ID */
#account {
  margin-right: 2rem;
}

#content,
#footer,
#header:not(:empty) {
  min-width: auto !important;
}

#content {
  min-height: 100vh !important;
  position: relative !important;
}

#divHCAs > .divHCAsRow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;

  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;

  -webkit-box-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;

  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

#divHCAs .divHCA.card {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flex !important;
  display: flex !important;

  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;

  min-width: 50%;
}

.isInside #footer {
  margin-top: 0 !important;
  width: 100% !important;
}

.isInside #footer > .mainStyle {
  display: block;
  height: 100% !important;
  width: 100% !important;
}

#footer {
  height: auto !important;
  margin-top: 0 !important;
}

#footer > .mainStyle {
  background-color: rgba(255, 255, 255, 0.88);
  height: auto;
}

#footer > .mainStyle:not(#signupFooter) {
  margin: 0 auto;
  position: relative;
}

#footer > .sidebarStyle {
  padding: 0 2rem 0.5rem;
}

#footer > .sidebarStyle:empty {
  display: none !important;
}

.isInside #header:not(:empty) .menugroup *,
.isInside #header:not(:empty) #proxies .iconlabel {
  color: #fff;
}

.isInside #header:not(:empty) .menugroup .menuicon {
  /* white-space: nowrap; */
  height: 90px;
  cursor: pointer;
}

#header:not(:empty) + #content #main,
#header:not(:empty) + #content #sidebar {
  padding-top: 10px !important;
}

.isInside #header:not(:empty) {
  background: #a6093d !important;
  height: 8.15rem;
  left: 0 !important;
  padding: 0;
  position: relative;
}

.isInside #header:not(:empty) .headeritem {
  height: auto;
  vertical-align: top;
}

.isInside #header:not(:empty) #proxies.headeritem,
.isInside #header:not(:empty) #account {
  max-height: 90px;
}

.isInside #header:not(:empty).compact {
  height: 3.25rem;
  position: fixed !important;
  top: 0;
}

.isInside #header:not(:empty).compact #proxies.headeritem,
.isInside #header:not(:empty).compact #account {
  max-height: 70px;
}

.isInside #header:not(:empty).compact #menu > .menugroup > .menuicon {
  height: 50px;
  overflow: hidden;
}

@media screen and (max-width: 700px) {
  #header:not(:empty).compact ~ #content {
    padding-top: 200px;
  }
}

#header:not(:empty).compact ~ #content {
  margin-top: 135px;  
  /*padding-top: 135px;*/
}

#header > .fitme {
  justify-content: space-between;
}

#header #logo,
#header > .fitme {
  margin: 0;
  min-width: auto;
  width: 100%;
}

#header li.menugroup {
  font-size: .8rem;
  height: auto;
  /* width: 20% !important; */
  box-sizing: border-box;
  min-width: 70px;
  max-height: 90px;
}

#header .menugroup li[role="menuitem"] a {
  white-space: nowrap;
}

#header #account .acctname {
  line-height: 1;
  margin: 0;
  white-space: nowrap;
  width: auto;
}

#header #logo {
  background-color: #fff;
  background-image: url(../Images/MHCLogo.png);
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 126px 30px;
  border-bottom: 1px solid #fff;
  height: 40px;
  margin-bottom: 11px;
  padding: .5rem .75rem 1rem;
}

#header #menu .menugroup .submenu {
  background: #a6093d !important;
}

#header .menugroup:nth-last-child(3) .submenu a {
  white-space: normal;
}

#header.compact #logo {
  display: none;
}

#homepagemain .component {
  height: auto !important;
  max-height: none;
  position: relative;
}

#main .title {
  height: auto;
}

#main .title h1 {
  white-space: normal;
}

#header > .fitme > #menu {
  display: flex;
  padding: 0;
  /* width: auto; */
  justify-content: space-evenly;
}

#menu > .menugroup,
#menu > .menugroup .menuitem > a{
  cursor: pointer;
}

#menu > .menugroup > .menuicon {
  padding: 0;
}

#menu > .menugroup .menuitem > a {
  transition: .3s background-color;
}

#menu > .menugroup > .submenu > .submenugroup > ul > .menuitem > a:hover {
  background-color: #1296fa;
  color: #fff;
}

#personalnotes div[data-component="personalnotes"] {
  min-height: 240px;
}

#proxies {
  margin-left: 2rem;
  padding: 0 !important;
  width: auto !important;
}

#proxies > li.proxy.selected::after {
  background-color: #CC3443;
}

#wrap {
  position: relative;
  width: 100vw !important;
}

/* Menu Icons */
#menu .menuicon.messaging:before {
	background-image: url("https://myhealthconnection.uchealth.org/Images/mhcMessaging.png");
}

#menu .menuicon.myRecord:before {
	background-image: url("https://myhealthconnection.uchealth.org/Images/mhcRecords.png");
}

#menu .menuicon.visits:before {
	background-image: url("https://myhealthconnection.uchealth.org/Images/mhcVisits.png");
}

#menu .menuicon.billing:before {
	background-image: url("https://myhealthconnection.uchealth.org/Images/mhcBilling.png");
}

#menu .menuicon.myTools:before {
	background-image: url("https://myhealthconnection.uchealth.org/Images/mhctools.png");
}

#menu .menuicon.settings:before {
	background-image: url("https://myhealthconnection.uchealth.org/Images/mhcPreferences.png");
}

/* Elements by Class */

#header > .fitme,
.bcList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.bcList li.bcItem {
  margin: 0 0 0 auto;
  min-width: 45%;
}

.bcList li.bcItem:nth-child(even) {
  margin: 0 auto 0 0;
}

.bcList li.bcItem > p.buttoncheck,
.bcList li.bcItem > p > label {
  box-sizing: border-box;
  width: 100%;
}

a.button,
div.button,
input.button {
  text-transform: initial;
}

.column3 .date {
  margin-right: 10%;
  width: 30%;
}

.component.news .newscard {
  background-position-x: 50%;
  background-position-y: 1rem;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;

  -webkit-box-flex: 1 1 33%;
  -webkit-flex: 1 1 33%;
  -ms-flex: 1 1 33%;
  flex: 1 1 33%;

  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;

  padding: 1rem 1rem 1rem;
}

.component.news .section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;

  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;

  -webkit-box-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;

  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.component.Popup > div.content {
  overflow-y: auto !important;
  padding-top: 0;
  overflow-x: hidden;
  height: calc(100% - 40px);
}

.documentpopup .title a > img {
  height: 32px;
}

.md_apptmake #main > #sidebar {
  min-height: auto !important;
  width: 100%;
}

.md_apptmake .cardlist {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;

  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;

  -webkit-box-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;

  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.md_apptmake .cardlist .card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;

  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;

  margin: .25rem auto !important;
}

.md_apptmake .cardlist .card .provinfo {
  margin-left: 0;
  width: 100%;
}

.md_apptmake .cardlist .card .time {
  /* display: -webkit-box; */
  /* display: -webkit-flex; */
  display: -ms-flex;
  /* display: flex; */
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  left: auto;
  position: relative;
  top: auto;
  width: 50%;
}

.md_apptmake .cardlist .card .time * {
  font-size: 1.25rem;
  font-weight: bold;
  width: auto;
}

.md_labdetail .inlineinput {
  text-transform: capitalize;
}

.md_labdetail .inlineinput:nth-child(4n) {
  text-transform: lowercase;
}

.MessageList > .SingleMessage.collapsed:focus > .head .actionButtons {
  margin-top: -5px;
}

.MessageList .SingleMessage.collapsed {
  height: 4rem !important;
}

.MessageList .SingleMessage .head {
  height: 4.5rem !important;
}

ul.MessageList li.Unread .SenderDetails,
ul.MessageList li.Unread .Subject {
  overflow: hidden;
  text-overflow: ellipsis;
}

.multiMonthCalendar {
  min-width: 215px;
  position: relative;
}

.isPrelogin div#uchMchMenu.uch-mhc-menu {
  display: none !important;
}

.personalnotes .card {
  width: 100%;
}

.ReviewMessages div[data-component="reviewmessages"] .filters {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;

  -webkit-box-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;

  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.ReviewMessages div[data-component="reviewmessages"] .filters,
.ReviewMessages div[data-component="reviewmessages"] .filters * {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;

  margin-left: 0;
  margin-right: 0;
}

.ReviewMessages div[data-component="reviewmessages"] .filters label {
  width: 33.3%;
}

.ReviewMessages  div[data-component="reviewmessages"] .filters select {
  margin-bottom: 10px;
  margin-right: 0;
  width: 66.7%;
}

.ReviewMessages  div[data-component="reviewmessages"] .filters .search {
  margin-bottom: 10px;
}

.ReviewMessages div[data-component="reviewmessages"] .filters .search,
.ReviewMessages div[data-component="reviewmessages"] .filters .search input[type="text"] {
  width: 100%;
}

.ReviewMessages div[data-component="reviewmessages"] .MessageList .head .ExpandedSummary {
  margin-left: 50px;
  overflow: visible;
}

.ReviewMessages div[data-component="reviewmessages"] .MessageList .SingleMessage.collapsed .SenderDetails {
  width: 25%;
}

.ReviewMessages div[data-component="reviewmessages"] .MessageList .SingleMessage.collapsed .SenderDetails .RecipientName {
  display: block;
}

.ReviewMessages div[data-component="reviewmessages"] .MessageList .head .ExpandedSummary span {
  vertical-align: initial;
}

.ReviewMessages div[data-component="reviewmessages"] ul.MessageList li .actionButtons {
    margin: 0;
    position: absolute;
    right: 1px;
    top: 2px;
}

.row {
  margin: 0 !important;
}

.SingleMessage:not(.collapsed) .SenderDetails {
    width: auto;
}

/*.subway .stops .trainstop,
.subway .line .trainrail {
  width: 18%;
}

.subway .stops .trainstop span.icon,
.subway .stops .trainstop span.description {
    white-space: nowrap;
}*/

.subway .stops .trainstop span.description {
  font-size: .9rem;
}

.ToDoEvents {
	height: auto !important;
  max-height: none !important;
}

.ToDoEvents > .content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;

  -webkit-flex: 1 1 100%;
  flex: 1 1 100%;

	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;

  flex-wrap: wrap;
  height: auto !important;
}

.ToDoEvents > .content > .ToDolist,
.ToDoEvents > .content > .multiMonthCalendar {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;

	-webkit-flex-direction: column-reverse;
	-moz-flex-direction: column-reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;

	margin: 0 !important;
	max-width: 50%;
}

.ToDoEvents > .content > .multiMonthCalendar * {
  word-wrap: normal !important;
}

.ToDoEvents > .content > .multiMonthCalendar > .content:empty {
	height: 0 !important;
}

.ToDoEvents > .content > .multiMonthCalendar .buttons {
  width: 100%;
}

.ToDoEvents > .content > .multiMonthCalendar .buttons > li {
  width: 50%;
}

.todoeventspopup.Popup.component.large {
  bottom: 20px !important;

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;

  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;

  left: 90px !important;
  position: fixed !important;
  top: 20px !important;
  right: 90px !important;
}

.todoeventspopup.Popup.component.large > .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;

  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;

  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;

  overflow-x: hidden;
  overflow-y: auto;
}

.uch-button-launcher-icon {
  box-sizing: content-box;
  padding-right: 15px;
}

.uch-mhc-menu > .uch-background-black {
  height: auto;
}

.uch-mhc-br {
  display: none !important;
}

/* Media Queries */

@media screen and (min-width: 1px) {
  body.accessPage > #wrap,
  body.isPrelogin > #wrap,
  body.loginPage > #wrap,
  body.recoveryPage > #wrap,
  body.resetPage > #wrap {
    left: 0 !important;
    margin: 0 !important;
  }

  body.accessPage > #wrap > #footer,
  body.isPrelogin > #wrap > #footer,
  body.loginPage > #wrap > #footer,
  body.recoveryPage > #wrap > #footer,
  body.resetPage > #wrap > #footer {
		background-color: rgba(255, 255, 255, 0.88);
    left: 0;
		margin-top: 0 !important;
  }

  .component.Popup.large {
    bottom: 10.94%;
    height: auto;
    left: 4.67% !important;
    min-width: auto;
    right: 9.39%;
    width: auto;
    top: 15.73% !important;
  }

  .component.Popup.large .todotiles.appointment.card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;

    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;

    min-height: auto !important;
  }

  .component.Popup.large .todotiles.appointment.card > div {
    position: relative;
    width: 100%;
  }
}

@media screen and (min-width: 1665px) {
  ul[data-id="list"] > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;

    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  ul[data-id="list"] > li > .rightsection {
    width: auto;
  }
}

@media screen and (max-width: 1620px) {
  #schedprefs fieldset.preftimes fieldset {
    width: 40%;
  }

  #schedprefs fieldset.preftimes span {
    width: 20%;
  }
}

@media screen and (max-width: 1280px) {
  body.loginPage .ghostInput > label,
  body.recoveryPage .ghostInput > label,
  body.resetPage .ghostInput > label {
    font-size: .7rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media screen and (max-width: 1200px) {
  #wrap > .fitme {
    margin: 0;
    width: 100%;
  }

  #schedprefs fieldset.prefdays,
  #schedprefs fieldset.preftimes  {
    width: 100%;
  }

  #schedprefs fieldset.prefdays > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;

    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;

    -webkit-box-flex: 1 1 100%;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;

    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  #schedprefs fieldset.prefdays > ul > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;

    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  #schedprefs fieldset.prefdays > ul > li > p > input[type="checkbox"] {
    height: 0;
  }

  #schedprefs fieldset.prefdays > ul > li > p > label {
    font-size: .8rem;
  }

  #schedprefs fieldset.preftimes fieldset {
    width: 40%;
  }

  #schedprefs fieldset.preftimes span {
    width: 20%;
  }

  .graph img {
    height: auto !important;
    min-height: auto !important;
    min-width: auto !important;
    width: 100% !important;
  }
}

@media screen and (max-width: 1200px) and (min-width: 921px) {
  #main {
    width: 65% !important;
  }

  #sidebar {
    width: 35% !important;
  }
}

@media screen and (max-width: 1100px) {
  .card .cardline.halfwidth {
    width: auto;
  }
}

@media screen and (max-width: 1050px) {

  body.accessPage > #wrap > #footer > .sidebarStyle,
  body.isPrelogin > #wrap > #footer > .sidebarStyle,
  body.loginPage > #wrap > #footer > .sidebarStyle,
  body.recoveryPage > #wrap > #footer > .sidebarStyle,
  body.resetPage > #wrap > #footer > .sidebarStyle {
    width: 35%;
  }

  body.accessPage > #wrap > #footer > #signupFooter,
  body.isPrelogin > #wrap > #footer > .mainStyle,
  body.loginPage > #wrap > #footer > #signupFooter,
  body.recoveryPage > #wrap > #footer > #signupFooter,
  body.resetPage > #wrap > #footer > #signupFooter {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;

    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;

    width: 65%;
  }

  body.accessPage > #wrap > #footer > #signupFooter > .links,
  body.isPrelogin > #wrap > #footer > .mainStyle > .links,
  body.loginPage > #wrap > #footer > #signupFooter > .links,
  body.recoveryPage > #wrap > #footer > #signupFooter > .links,
  body.resetPage > #wrap > #footer > #signupFooter > .links {
    margin-top: 10px;
    padding-left: 10px;
    text-align: left;
    width: 100%;
  }

  body.recoveryPage .formsection.halfwidth input {
    width: auto;
  }

  div[data-component="visitslist"] .CommunityListManager .cardlist > li {
    padding: 0.5rem 0 0 0.5rem;
  }

  ul[data-id="list"] > .todolistelement {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;

    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  ul[data-id="list"] > .todolistelement > div.rightsection {
    text-align: left;
    width: auto;
  }

  .termsPage #footer {
    bottom: 0;
    left: 0;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 65% !important;
  }

  .termsPage #main {
    display: block;
    margin: 0 auto;
  }
}

@media screen and (max-width: 1000px) {
  #main > form > .formcontents > .section.indented {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;

    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  #main > form > .formcontents > .section.indented > .content {
    margin-left: 30px;
  }
}

@media screen and (max-width: 920px) {
  body.loginPage #features {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;

    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  body.loginPage #features > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;

    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;

    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;


    min-height: 120px;
    width: 100%;
  }

  div[data-component="careteam"].component.careteam {
    height: auto !important;
    min-height: auto;
  }

  div[data-component="quicklinks"].quickLinks.vertical {
    height: auto !important;
    min-height: auto;
  }

	div[data-component="careteam"].component.careteam ul.careteam,
  div[data-component="quicklinks"] > div.content > div#links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;

    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;

    -webkit-box-flex: 1 1 100%;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;

    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

	div[data-component="careteam"].component.careteam ul.careteam > li,
  div[data-component="quicklinks"] > div.content > div#links > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;

    min-width: 30%;
    width: auto;
  }

	div[data-component="careteam"].component.careteam ul.careteam > li > * {
		display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;

		-webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
	}

	div[data-component="careteam"].component.careteam ul.careteam > li > a {
		-webkit-box-flex: 4;
    -webkit-flex: 4;
    -ms-flex: 4;
    flex: 4;
	}

	div[data-component="careteam"].component.careteam ul.careteam > li > div.icons {
		position: relative;
		width: auto;
	}

	div[data-component="careteam"].component.careteam ul.careteam > li > div > .col1 {
		width: auto;
	}

	div[data-component="careteam"].component.careteam ul.careteam > li > div > .col2 {
		position: relative;
		width: auto !important;
	}

  ul.list.cardlist {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;

    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;

    -webkit-box-flex: 1 1 100%;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;

    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  ul.list.cardlist > .card.clickablecard {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;

    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;

    min-width: 33%;
    width: 100%;
  }

  ul.list.cardlist > .card.clickablecard > .date,
  ul.list.cardlist > .card.clickablecard > .info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;

    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  ul.list.cardlist > .card.clickablecard > .date {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  ul.list.cardlist > .card.clickablecard > .info {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
  }

  #content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;

    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  #content > #main,
  #content > #sidebar {
		height: 100% !important;
		min-height: auto !important;
    width: 100%;
  }

  #schedprefs fieldset.preftimes fieldset {
    width: 42%;
  }

  #schedprefs fieldset.preftimes span {
    width: 16%;
  }

  #sidebar:empty {
    display: none;
  }

  .md_allergies_list #content,
  .md_apptmake #content,
  .md_audit #content,
  .md_communications_manage #content,
  .md_fshreportlist #content,
  .md_healthissues_list #content,
  .md_healthmaint #content,
  .md_immunizations #content,
  .md_labdetail #content,
  .md_landingpage_index #content,
  .md_letters #content,
  .md_manage_communitymanage #content,
  .md_medadvice #content,
  .md_medrefill #content,
  .md_patinfo #content,
  .md_pefltlst #content,
  .md_premiumbilling_index #content,
  .md_provsrch #content,
  .md_questionnairelist #content,
  .md_scheduling_index #content,
  .md_showrep #content,
  .md_snapshot #content,
  .md_stdfile #content,
  .md_testresults_index #content,
  .md_walletcard #content {
    min-height: auto !important;
  }

  .medications > ul.list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;

    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;

    -webkit-box-flex: 1 1 100%;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;

    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .medications > ul.list > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
  }
}

@media screen and (max-width: 884px) {
  #commMethodSidebar > a {
    line-height: 1rem;
    padding-bottom: 4px;
    text-align: center;
  }
}

@media screen and (max-width: 790px) {
  body.recoveryPage .formsection.halfwidth,
  body.resetPage .formsection.halfwidth  {
    width: 100% !important;
  }
}

@media screen and (max-width: 750px) {
  #schedprefs fieldset.prefdays > ul {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;

    -webkit-box-flex: 1 1 100%;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;

    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}

@media screen and (max-width: 700px) {
  div[data-component="careteam"].component.careteam ul.careteam > li,
	div[data-component="quicklinks"] > div.content > div#links > a {
		min-width: 50%;
	}

  .bcList li.bcItem,
  .bcList li.bcItem:nth-child(even) {
    margin: 0;
    min-width: 50%;
  }

  .isInside #header:not(:empty) {
    height: auto;
  }

  .isInside #header.compact:not(:empty) {
    height: auto;
  }

  #account {
    margin-right: 0;
  }

  #header #account,
  #header #logo,
  #header #proxies,
  #header #menu,
  #header > .fitme {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
  }

  #header > .fitme {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1 1 100%;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    justify-content: space-between;
    width: 100%;
  }

  #header #account,
  #header #proxies,
  #header #menu {
    min-width: 33.3%;
  }

  #header #account {
    order: 3;
    padding-right: 0.1rem;
    margin-right: 20px;
  }

  #header #account span {
    text-align: right;
  }

  #header #logo {
    height: auto;
  }

  #header #proxies {
    margin-left: 0 !important;
    order: 2;
    padding-left: 20px !important;
  }

  #header #menu {
    -webkit-box-flex: 1 1 100%;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    order: 4;
    /* width: 100vw !important; */
  }

  #header #menu .menugroup {
    transition: .3s height;
  }

  #header.compact #menu .menugroup {
    height: 55px;
  }

  #header #menu .menugroup:not(.droppeddown) .submenu {
    display: none;
  }

  #header #menu .menugroup.selected.droppeddown {
    position: relative;
  }

  #header #menu .submenu.columns_2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;

    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;

    width: auto;
  }

  #header .menugroup {
    position: relative;
  }

  #header .menugroup .submenu {
    left: 0;
    position: absolute;
  }

  #header .menugroup:nth-last-child(2) .submenu,
  #header .menugroup:last-child .submenu {
    left: auto;
    right: 0;
    text-align: right;
  }

  .card .cardline.halfwidth {
    white-space: wrap;
    word-break: break-word;
  }

  .md_letters #main {
    margin: 0 auto;
    padding: 0;
  }

  .md_provsrch .section .content {
    position: relative;
  }

  .md_provsrch .section .content select,
  .md_provsrch .section .content select option {
    max-width: 100%;
    position: relative;
  }

  .md_provsrch .section .content select option {
    font-size: 12px;
  }

  .md_visitslist_index #main .title {
    height: auto;
    padding-bottom: 10px;
  }

  .md_visitslist_index #main .title .header {
    display: block;
  }

  .md_visitslist_index #main .title .headerlink {
    position: relative;
    right: auto;
    top: auto;
  }

  .soonvisits.card .date,
  .soonvisits.card .visitinfo,
  .soonvisits.card .actions {
    display: block;
    width: 100%;
  }

  .soonvisits.card .visitinfo > .visitwith {
    width: 100% !important;
  }
}

@media screen and (max-width: 640px) {
  .dataselect > .clearfieldset.withseriessel {
    width: 100%;
  }

  .dataselect > div.seriessel.card:not(.hide) {
    left: 13px;
    width: auto;
  }

  .dataselect > div.seriessel.card.hide {
    position: relative;
    right: auto;
    top: auto;
    width: auto
  }
}

@media screen and (max-width: 600px) {
  #otherSection.formsection.column_3 .formrow > .formcolumn {
    margin: 0;
    width: 100%;
  }

  #otherSection.formsection.column_3 .formrow > .formcolumn:nth-child(1):not(:nth-last-child(1)) {
    margin-bottom: 1.125rem;
  }

  #schedprefs #preftimes.preftimes {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;

    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  #schedprefs #preftimes.preftimes > fieldset {
    margin-top: 10px;
    width: 100%;
  }

  #schedprefs #preftimes.preftimes > span.btnColumn {
    margin-top: 15px;
    width: 100%;
  }

  #schedprefs #providergender {
    min-width: 65%;
  }

  .login .recovery > a {
    padding: 10px;
    width: 100%;
  }

  .login .recovery > a:first-child {
    margin-bottom: 10px;
  }

  .recovery {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;

    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media screen and (max-width: 500px) {
  #addressForm .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;

    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  #addressForm .content .formsection.halfwidth,
  #caregiverinfo .content .formsection.halfwidth {
    width: auto;
  }

  #features > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;

    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;

    padding: 1rem;
  }

  #features > li::before {
    margin: 0;
  }

  #header:not(:empty) .submenu {
    width: auto;
  }

  #header li.menugroup {
    min-width: auto;
  }

  #sidebar {
    padding: 10px;
  }

  .bcList li.bcItem,
  .bcList li.bcItem:nth-child(even) {
    width: 100%;
  }

  .card.addItem {
    width: 100% !important;
  }

  .loginAlerts {
    line-height: 1rem;
    margin: 0 0 10px;
  }
}

@media screen and (max-width: 430px) {
  div[data-component="careteam"].component.careteam ul.careteam > li,
	div[data-component="quicklinks"] > div.content > div#links > a {
		min-width: 100%;
	}

  #footer .badges > a {
    display: block;
    margin: 0 !important;
  }

  #proxies .proxy {
    margin: 0 -.5em;
  }

  .md_review_index #main .title {
    height: auto;
    padding-bottom: 10px;
  }

  .md_review_index #main .title .header {
    display: block;
  }

  .md_review_index #main .title .headerlink {
    position: relative;
    right: auto;
    top: auto;
  }

	.ToDoEvents > .content {
		-webkit-flex-direction: column-reverse;
		-moz-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}

	.ToDoEvents > .content > .ToDolist,
	.ToDoEvents > .content > .multiMonthCalendar {
		margin: 0 auto !important;
		max-width: 100%;
		min-width: 90%;
	}
}

@media screen and (max-width: 375px) {
  .isInside #header:not(:empty) {
  }

  #header > .fitme {
    -webkit-box-flex: 1 1 359px;
    -webkit-flex: 1 1 359px;
    -ms-flex: 1 1 359px;
    flex: 1 1 359px;
  }
}

@media screen and (max-width: 320px) {
  #header #logo {
    background-position: center;
  }
}

/* Remove help button from all pages */
#assistiveicons > div:nth-child(2) > a {
	display: none !important;
}

/* Hide quicklink and alert images */
.quickLinks.vertical a img {
	        display: none;
}
.Alerts .loginalert > a img.icon, .Alerts .loginalert .head img.icon {
	        display: none;
}
/* Hide Security Questions.  */
#QAForm {
	display: none;
}
/*#region News widget*/
.component .news .newscard.videoVisits {

  background: none;
}
.component .news .newscard.careEverywhere {

   background: none;
}
.component .news .newscard.devices {

     background: none;
}
.component .news .newscard.mobileApps {

     background: none;
}
/*#endregion*/
.subdued.component.quickLinks.vertical a::after, .subdued.component ul li.listelement:after {
	width: 100%;
}
.Alerts .loginalert > a::after, .Alerts .loginalert .loginalert.tab::after {
	width: 100%;
}
.widgetIconLink {
	display: none;
}
.loginalert {
	position: relative;
	min-height: 3.4rem;
	overflow: hidden;
}
.loginalert > a {
	padding: 0.7rem 0.0rem;
}
/* Remove Icons from test results. */
.TestResultsList .SingleResult span.ListIcon {
	display: none;
}
.card .name.icon:after { 
	display: none;
}
.component a.pocexpand img { 
	display: none;
}
.signup {
	display: none; 
}
.recovery {
	display: none;
}